<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Creating a Fish Eye Selector as a widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
img_whs3 { border:none; width:814px; height:467px; border-style:none; }
p.whs4 { font-weight:bold; font-size:10pt; margin-top:6px; margin-bottom:6px; }
ol.whs5 { list-style:decimal; }
p.whs6 { font-size:9pt; margin-top:6px; margin-bottom:6px; }
p.whs7 { font-size:9pt; margin-top:6px; margin-bottom:6px; margin-left:40px; }
ul.whs8 { list-style:disc; }
ul.whs9 { list-style:square; }
p.whs10 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
p.whs11 { margin-top:6px; margin-bottom:6px; margin-left:24px; }
p.whs12 { font-size:9pt; margin-top:6px; margin-bottom:6px; margin-left:0px; font-weight:normal; }
p.whs13 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs12 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Fish Eye Selector\nCreating a Fish Eye Selector as a widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Creating a Fish Eye Selector as a widget</h1>
<p class="whs2">The Fish Eye Selector is an interactive style 
 of selector that is displayed only in Flash Mode. It is a selector that 
 magnifies an item when you hover the cursor over it. This style of selector 
 is useful because it allows you to choose from a large list of attribute 
 elements, metrics, or images without having to see all of the elements, 
 metrics, or images displayed at once. Any item that you hover over or 
 select remains magnified, while the remaining items are minimized and 
 hidden from view. </p>
<p class="whs2">&nbsp;</p>
<p class="whs2">If a Fish Eye Selector is created as a widget, 
 the selector can be displayed as a Grid/Graph, which still functions as 
 a selector, in non-Flash modes in MicroStrategy Web. A Fish Eye Selector 
 created as a widget can target Grid/Graphs and panel stacks, but cannot 
 switch panels on a panel stack. (For more information on Grid/Graphs controlling 
 panel stacks or other Grid/Graphs, see 
<a href="GG_controlling_GG.htm">Enabling 
 a Grid/Graph to control another Grid/Graph</a>.) If you want the Fish 
 Eye Selector to switch panels or display as a standard selector such as 
 a listbox or button bar in non-Flash modes, create it as a selector instead. 
 For instructions, see 
<a href="Creating_a_Fisheye_widget_as_a_selector.htm">Creating 
 a Fish Eye Selector as a selector</a>. </p>
<p class="whs2">&nbsp;</p>
<p class="whs2">The image below depicts a Fish Eye Selector 
 to the left of a grid that it controls. When the Grand Rapids city is 
 chosen from the selector, the target grid on the right displays data for 
 Grand Rapids.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><img src="images/defining_fisheye_widget.gif" width="814px" height="467px" border="0" class="img_whs3"></p>
<p class="whs2">&nbsp;</p>
<p class="whs4">To 
 create and add a Fish Eye as a widget to a document</p>
<ol type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Open 
 the document in <span style="font-weight: bold;"><B>Design</B></span> or <span 
 style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">From 
 the <span style="font-weight: bold;"><B>Insert</B></span> menu, point to <span 
 style="font-weight: bold;"><B>Widgets</B></span>, and then select <span style="font-weight: bold;"><B>Fish 
 Eye</B></span>.</p></li>
</ol>
<ol start="3" type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Click 
 the location on your document, except for in the <span style="font-weight: bold;"><B>Detail</B></span> 
 section, where you want to place the widget. The Grid/Graph, which appears 
 similar to a standard grid container, is displayed. A small icon at the 
 bottom right corner of the Grid/Graph identifies the type of widget you 
 have added to the document.</p></li>
</ol>
<p class="whs7"><span 
 style="font-weight: bold;"><B>Note</B></span>: The selector is displayed in its 
 default DHTML style.</p>
<ol start="4" type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">If 
 desired, resize the widget by clicking and dragging its handles.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Right-click 
 the selector, and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Click 
 the <span style="font-weight: bold;"><B>Selector</B></span> tab.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">In 
 the <span style="font-weight: bold;"><B>Action Type</B></span> drop-down list, 
 do one of the following:</p></li>
</ol>
<ul type="disc" class="whs8">
	
<li class=p><p class="whs7">To 
 display attribute, custom group, or consolidation elements in the widget, 
 choose <span style="font-weight: bold;"><B>Select Element</B></span>. The elements 
 of the object are displayed in the Fish Eye Selector. Users can choose 
 from this list of elements to update target panel stacks and Grid/Graphs 
 in the document.</p></li>
	<ul type="square" class="whs9">
		
<li class=p><p class="whs7">If 
 you choose <span style="font-weight: bold;"><B>Select Element</B></span>, in 
 the next step, you must specify an attribute, custom group, or consolidation 
 as the source of the selector.</p></li>
	</ul>
	
<li class=p><p class="whs7">To 
 display metric names in the widget, choose <span style="font-weight: bold;"><B>Select 
 Metric</B></span>. The metric names are displayed in the Fish Eye Selector. 
 Users can choose from this list to update target Grid/Graphs in the document. 
 </p></li>
	
<li class=p><p class="whs7">To 
 display panels in the widget, choose <span style="font-weight: bold;"><B>Select 
 Panel</B></span>. The panels names are displayed in the Fish Eye Selector. 
 Users can choose from this list to update target panel stacks in the document. 
 </p></li>
</ul>
<ol start="8" type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">If 
 you chose <span style="font-weight: bold;"><B>Select Element</B></span> from 
 the <span style="font-weight: bold;"><B>Action Type</B></span> drop-down list 
 above, specify a source attribute, custom group, or consolidation from 
 the <span style="font-weight: bold;"><B>Source</B></span> drop-down list. The 
 source is the object whose elements are displayed in the selector.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">From 
 the <span style="font-weight: bold;"><B>DHTML Style</B></span> drop-down list, 
 choose the style in which the selector is displayed in Editable, Interactive, 
 and View Mode. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Choose 
 <span style="font-weight: bold;"><B>Fish Eye</B></span> from the <span style="font-weight: bold;"><B>Flash 
 Style</B></span> drop-down list.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Specify 
 additional options for the selector, as necessary.</p></li>
</ol>
<p class="whs7"><span 
 style="font-weight: bold;"><B>Note</B></span>: The widget does not support multiple 
 selections in Flash Mode. If the <span style="font-weight: bold;"><B>Allow 
 multiple selections</B></span> check box is selected, multiple selections 
 are enabled only in Editable Mode and Interactive Mode.</p>
<ol start="12" type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Choose 
 targets for the selector. Targets are panel stacks and Grid/Graphs that 
 contain the selector&rsquo;s source attribute, custom group, or consolidation 
 and will be updated when an element is selected from the Fish Eye Selector. 
 </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Click<span 
 style="font-weight: bold;"><B> OK</B></span> to apply the changes.</p></li>
</ol>
<p class="whs6">&nbsp;</p>
<p class="whs10"><span><font size=1 style="font-size:9pt;"><B><span><span 
 style="font-size: 9pt; font-weight: bold;"><font size=1 style="font-size:9pt;"><B>Enable the widget to be displayed 
 in Flash Mode</B></font></span></span></B></font></span></p>
<ol start="14" type="1" class="whs5">
	
<li style="margin-left: -20px;" class=p><p class="whs11">From 
 the Tools menu, select <span style="font-weight: bold;"><B>Document Properties</B></span>. 
 The Properties dialog box opens. Select the <span style="font-weight: bold;"><B>Flash</B></span> 
 check box under Run Modes. For more information about Flash mode, see 
 
<a href="Flash_Mode.htm">Viewing documents in Flash Mode</a>.</p></li>
	
<li style="margin-left: -20px;" class=p><p class="whs11">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save your changes and close 
 the dialog box.</p></li>
</ol>
<p class="whs12">&nbsp;</p>
<p class="whs10">Related 
 topics</p>
<ul type="disc" class="whs8">
	
<li class=p><p class="whs13">
<a 
 href="Formatting_a_Fisheye_widget.htm">Formatting a Fish Eye Selector</a></p></li>
	
<li class=p><p class="whs13">
<a 
 href="Creating_a_Fish_Eye_Selector.htm">Creating a Fish Eye Selector</a></p></li>
	
<li class=p><p class="whs13">
<a 
 href="Creating_a_Fisheye_widget_as_a_selector.htm">Creating a Fish Eye 
 Selector as a selector</a></p></li>
	
<li class=p><p class="whs13">
<a 
 href="Defining_a_Fisheye_widget.htm">Analyzing data in a Fish Eye Selector</a></p></li>
	
<li class=p><p class="whs13">
<a 
 href="Flash_Mode.htm">Working with documents in Flash Mode</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
